<template>
  <div class="collect_page">
    <van-nav-bar title="收藏列表" left-arrow @click-left="$router.back()" />
    <van-card
      v-for="item in list"
      :key="item.id"
      :desc="item.desc"
      :title="item.title"
      :thumb="'http://liufusong.top:8080' + item.houseImg"
      @click="$router.push({ path: '/detail/', query: { id: item.houseCode } })"
    >
      <template #tags>
        <van-tag plain type="primary">{{ item.tags[0] }}</van-tag>
      </template>
      <template #price>
        <span class="find_price">{{ item.price }}</span>
        <span class="find_month">元/月</span>
      </template>
    </van-card>
    <!-- <findItem v-for="item in list" :key="item.id" :info="item"></findItem> -->
  </div>
</template>
<script>
import { getCollectList } from '@/api/user'
export default {
  name: 'collect_page',
  props: {},

  data () {
    return {
      list: ''
    }
  },
  async created () {
    const data = await getCollectList()
    this.list = data.body
    console.log(data)
  }
}
</script>
<style lang="less" scoped>
/deep/.van-nav-bar__content {
  background-color: #21b97a;
}
/deep/.van-nav-bar .van-icon {
  color: #fff;
}
/deep/.van-nav-bar__title {
  color: #fff;
}
</style>
